/* fonts */

@font-face {
    font-family: 'Jet Bold';
    src: url('../fonts/jet/jet-bold-webfont.eot');
    src: url('../fonts/jet/jet-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/jet/jet-bold-webfont.woff') format('woff'),
    url('../fonts/jet/jet-bold-webfont.ttf') format('truetype'),
    url('../fonts/jet/jet-bold-webfont.svg#JetBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Jet Light';
    src: url('../fonts/jet/jet-light-webfont.eot');
    src: url('../fonts/jet/jet-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/jet/jet-light-webfont.woff') format('woff'),
    url('../fonts/jet/jet-light-webfont.ttf') format('truetype'),
    url('../fonts/jet/jet-light-webfont.svg#JetLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Jet Book';
    src: url('../fonts/jet/jet-book-webfont.eot');
    src: url('../fonts/jet/jet-book-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/jet/jet-book-webfont.woff') format('woff'),
    url('../fonts/jet/jet-book-webfont.ttf') format('truetype'),
    url('../fonts/jet/jet-book-webfont.svg#JetBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/museo_sans/museosans-webfont.eot');
    src: url('../fonts/museo_sans/museosans-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/museo_sans/museosans-webfont.woff') format('woff'),
         url('../fonts/museo_sans/museosans-webfont.ttf') format('truetype'),
         url('../fonts/museo_sans/museosans-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* temp */

#col-main > div {
	min-height:800px;
}

/* presets */

#col-left,
#col-right,
#col-main > div {
	padding:0 15px;
}

#col-left,
#col-right {
	min-width:320px;
	width:320px;
	height:100%;
}

table	{border-collapse:collapse;}
td		{padding:0;vertical-align:top;}
ul 		{margin:0;padding:0;list-style:none;}
a 		{text-decoration:none;}
img 	{border:0;}

.cleft	{clear:left;}
.cright	{clear:right;}
.cboth	{clear:both;}

.iblock {display:inline-block;}

.wh25	{width:25px;height:25px;}
.wh30	{width:30px;height:30px;}
.wh40	{width:40px;height:40px;}
.wh50	{width:50px;height:50px;}

a.uline:hover {text-decoration:underline;}

.ti0 {
	text-indent:-9999px;
	line-height:0;
}

.tcm {
	display:table-cell;
	vertical-align:middle;
}

.hidden {
	display:none;
}

/* layout */

html,
body {
	min-height:100%;
	height:100%;
}

body {
	width:auto;
	margin:0 auto;
	padding:0;
	font-family: 'Jet Book';
	background:url(../img/bg/main_bg.gif) repeat;
}

h1,h2,h3,h4,h5,p,dl,dd {
	margin:0;
	font-weight:normal;
}

#wrapper {
	border-top:1px solid #fff;
	padding:125px 0 35px;
}

#wrapper table {
	margin:0 auto;
}

#col-main {
	width:800px;
	min-width:800px;
	/*border-left:1px solid #d2d2d2;*/
}

.main-content .block-left {
	float:left;
	width:550px;
}

/* forms */

input:focus,
textarea:focus {
	outline:none;
}

.jqdrop_right {
	float:right;
}

.jqdrop_right span,
.jqdrop_right a {
	color:#444;
	text-transform:none;
}

a.jqTransformCheckbox {
	background: transparent url(../jqforms/img/checkbox.png) center top no-repeat;
	vertical-align: middle;
	height: 31px;
	width: 31px;
	display:block;
}

a.jqTransformChecked { background-position: center bottom; }

/* top */

#top {
	position:fixed;
	width:100%;
	height:100px;
	background:url(../img/bg/blue_bg.gif) repeat;
	border-bottom:1px solid #367ca1;
	-moz-box-shadow: 0 1px 1px #fff; -webkit-box-shadow: 0 1px 1px #fff; box-shadow: 0 1px 1px #fff;
	z-index:98;
}

#header {
	width:100%;
	margin:0 auto;
	padding-top:35px;
	background:url(../img/bg/header_bg.gif) top repeat-x;
}

.nav-container {
}

#nav,
#subnav {
	text-align:center;
}

#header ul {
	display:inline-block;
}

#header li {
	float:left;
}

#header li:first-of-type { border-left:none; }
#header li:last-of-type { border-right:none; }

#nav li {
	border-right:1px solid #287399;
	border-left:1px solid #81b9d5;
}

#nav a {
	float:left;
	display:inline-block;
	margin:0 12px;
	padding:0 12px;
	line-height:34px;
	font-size:14px;
	color:#fff;
	text-shadow:0px 1px 0px #287399;
	-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
}

#nav a:hover {
	text-shadow:0px 1px 0px #4197c3;
	background:rgba(255, 255, 255, 0.25);
}

h1.logo a {
	position:absolute;
	top:25px;
	left:25px;
	padding:0;
	background:url(../img/logo.png) center no-repeat;
}

#top h2 {
	margin:30px 0 25px;
	text-align:center;
	font-size:38px;
	font-weight:normal;
	color:#fff;
	text-shadow:0px -1px 0px #6da44b;
}

#subnav li {
	border:none;
}

#subnav a {
	position:relative;
	display:inline-block;
	width:90px;
	height:130px;
	margin:0 2px;
	background:url(../img/subnav_menu.png) no-repeat;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}

#subnav a:hover {
	background-color:#fff;
	-moz-box-shadow: 0 2px 3px #49762e; -webkit-box-shadow: 0 2px 3px #49762e; box-shadow: 0 2px 3px #49762e;
}

#subnav a.challenge		{background-position:0 0;}
#subnav a.notifications	{background-position:-90px 0;}

#subnav span {
	position:absolute;
	bottom:10px;
	width:100%;
	color:#203713;
	font-size:13px;
}

.social {
	position:absolute;
	top:35px;
	right:25px;
}

.social li {
	margin-right:6px;
}

.social a {
	display:block;
	width:34px;
	height:34px;
	background-image:url(../img/sprites/social.png);
}

.social a.fb		{ background-position:0 0; }
.social a.fb:hover	{ background-position:0 -34px; }
.social a.tw		{ background-position:-34px 0; }
.social a.tw:hover	{ background-position:-34px -34px; }
.social a.gp		{ background-position:-68px 0; }
.social a.gp:hover	{ background-position:-68px -34px; }
.social a.em		{ background-position:-102px 0; }
.social a.em:hover	{ background-position:-102px -34px; }

.main-title,
.panel-title {
	margin-bottom:20px;
}

.main-title h2,
.panel-title h2 {
	display:block;
	font-family:'Museo Sans';
	text-transform:uppercase;
	font-size:20px;
	color:#b0b0b0;
	border-top:4px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
}

.main-title h2 span,
.panel-title h2 span {
	float:left;
	line-height:31px;
}

/* current contests */

#current_container {}

#ucp {
	margin:-1px 0 20px;
}

#ucp > div {
	float:left;
}

#ucp .ucp_image {
	margin-right:12px;
}

#ucp .ucp_image img {
	width:80px;
	border:1px solid #fff;
}

#ucp .ucp_content {
	height:80px;
	padding:1px;
}

#ucp .ucp_content h3,
#ucp .ucp_content p {
	margin-bottom:8px;
}

#ucp .ucp_content h3 {
	margin-top:8px;
	font-size:17px;
}

#ucp .ucp_content h3 a {
	color:#085e89;
}

#ucp .ucp_content h3 a:hover {
	text-decoration:underline;
}

#ucp .ucp_content p {
	float:left;
	margin-right:8px;
	font-family:"Lucida Grande", sans-serif;
	font-size:11px;
	color:#666;
}

#ucp .ucp_content p span {
	color:#111;
}

#ucp .ucp_content p span {
	margin-right:2px;
}

#current_contests {
	background:#fff;	
	border-top:1px solid #ececec;
	-moz-box-shadow: 0 2px 2px #888; -webkit-box-shadow: 0 2px 3px #888; box-shadow: 0 2px 3px #888;
	-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select: none; -ms-user-select:none; user-select:none;
}

#current_contests dd,
#current_contests dt:hover .chl_box,
#current_contests dt.active .chl_box {
	background:#fcfcfc;
}

#current_contests dt {
	position:relative;
	display:block;
	padding-top:1px;
	border-bottom:1px solid #ddd;
	cursor:default;
}

#current_contests dt:last-of-type {
	border-bottom:none;
}

#current_contests dt:hover .chl_box,
#current_contests dt.active .chl_box {
	cursor:pointer;
}

#current_contests dt.active .chl_box {
	padding-bottom:0;
}

#current_contests dt.active {
	margin-bottom:0;
	border-bottom:none;
}

#current_contests dt a {
	position:absolute;
	top:0;
	right:10px;
	display:block;
	width:17px;
	height:50px;
	margin-top:5px;
}

#current_contests .chl_box {
	padding:5px 0;
	background:#f7f7f7;
}

#current_contests .chl_box .chl_image,
#current_contests .chl_box .chl_image img {
	float:left;
}

#current_contests .chl_box .chl_image img {
	margin:0 6px;
}

#current_contests .chl_titlebox {
	height:40px;
	padding:0 3px;
}

#current_contests .chl_titlebox h5 {
	font-size:14px;
	color:#222;
}

#current_contests .chl_titlebox .chl_sub {
	font-size:11px;
}

#current_contests dd {
	overflow:hidden;
}

#current_contests dd div {
	padding:7px;
	text-align:right;
	border-bottom:1px solid #ddd;
}

#current_contests dd p {
	line-height:17px;
}

#current_contests dd .chl_views {
	display:inline-block;
	margin-right:8px;
	text-transform:uppercase;
	color:#3182a6;
}

#current_contests dd .chl_views span {
	font-family:"Lucida Grande", sans-serif;
	font-size:11px;
}

#current_contests .lbox_btn {
	float:right;
	display:inline-block;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
}

#current_contests .lbox_btn a span {
	padding:3px 6px;
	color:#fff;
	background:#3b90b6;
	-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
}

#current_contests .rtg_current {
	float:left;
	display:inline-block;
	width:76px;
	height:17px;
	background:url(../img/sprites/rtg_current.png);
}

#current_contests .rs5 {background-position:center 0;}
#current_contests .rs4 {background-position:center -17px;}
#current_contests .rs3 {background-position:center -34px;}
#current_contests .rs2 {background-position:center -51px;}
#current_contests .rs1 {background-position:center -68px;}
#current_contests .rs0 {background-position:center -85px;}

#current_contests .create_challenge {
}

#current_contests .create_challenge a {
	display:block;
	height:30px;
	background:url(../img/btns/create_challenge_btn.png) center no-repeat;
	border:1px solid #fcfcfc;
}

/* bottom */

#bottom {
	height:50px;
	background:url(../img/bg/bottom_bg.gif) repeat-x;
	-moz-box-shadow: 0 -1px 1px #fff; -webkit-box-shadow: 0 -1px 1px #fff; box-shadow: 0 -1px 1px #fff;
}